<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>中国国家地理网</title>
        <link rel="stylesheet" type="text/css" href="http://www.dili360.com/public/css/base.min.css?v=20160903"><link rel="stylesheet" type="text/css" href="http://www.dili360.com/public/css/common.min.css?v=20160903"><link rel="stylesheet" type="text/css" href="http://www.dili360.com/public/css/page.min.css?v=20160903"><link rel="stylesheet" type="text/css" href="http://www.dili360.com/public/js/shadowbox/shadowbox.css">
        <script type="text/javascript" src="http://www.dili360.com/public/js/jquery.1.7.2.min.js"></script><script type="text/javascript" src="http://www.dili360.com/public/js/shadowbox/shadowbox.js"></script><script type="text/javascript" src="http://www.dili360.com/public/js/ui1.min.js?v=20160903"></script><script type="text/javascript" src="http://www.dili360.com/public/js/jquery.all.min.js"></script><script type="text/javascript" src="http://www.dili360.com/public/js/ui2.js"></script><script type="text/javascript" src="http://www.dili360.com/public/js/global.min.js?v=20160903"></script>
            <link href="http://www.dili360.com/public/css/1280.css?v3" rel="stylesheet" media="screen and (max-width:1285px)">
       
    <style>
                table {
            border-collapse: collapse;
        }

        td {
            border: 1px solid black;
            padding: 10px;
        }
    </style>
       
    </head>
<body>
    <header class="header" >
        <style type="text/css">
            .search{
                position:relative;
                width:250px;
                height:30px;
                display:flex;
                align-items: center;
                justify-content: center;
                background-color:#404150;
            }
        </style>
       
        <div class="part-one">
            <div class="wpr">
                <div class="logo"><img src="picture/guojiadili.png"></div>
                <form class="search"  >
                    <input type="text" >
                    <input type="submit" >
                    <input type="hidden"  >
                    <img src="picture/sousuo.png">
                </form>
            </div>
        </div>
        <div class="part-two">
            <div class="wpr">
    
                <ul class="menu">
                    <div  style="display: none;"><img src="picture/guojiadili.png"></div>
                    <li class="one item active"><a>首页</a></li>
                
                    <li class="sep"></li>
    
                    <li class="three item">
                        <a >景观</a>
                    </li>
    
                    <li class="sep"></li>
    
                    <li class="two item">
                        <a >谈资</a>
                    </li>
    
                    <li class="sep"></li>
    
                    <li class="five item">
                       
                        <a >作者</a>
                    </li>
    
                    <li class="sep"></li>
                    <li class="night item ">
                        <a  target="_blank"><span class="f14">大讲堂</span></a>
                    </li>
    
                 
    
                    <li class="sep"></li>
    
                    <li class="ten item icon icon-activity-star">
                        <a  target="_blank"><span class="f14">活动</span></a>
                    </li>
                    <li class="sep"></li>
                    <li class="seven item icon icon-cart">
                        <a  target="_blank"><span class="f14">商城</span></a>
                    </li>
                    <li class="sep"></li>
                </ul>
    
                <ul class="tools fr">
                    <li class="icon icon-people">
                        <div class="pop-login">
                            <div class="pop-quick-login"><span>快速登陆:&nbsp;</span>
                                <a href="javascript:;" onclick="sinalogin();"><span class="icon icon-sina-login"></span></a>
                                <a href="javascript:;" onclick="qqlogin();"><span class="icon icon-tencent-login"></span></a>
                            </div>
                            <div class="c"></div>
                            <span><a href="javascript:;" onclick="checkLogin();">登录</a></span> /<span>  <a href="javascript:;" onclick="reg();"> 注册 </a> </span></div>
                    </li>
                    <div class="before-login fr">
                        <li class="quick-login">
                            <span>快速登录:&nbsp;</span>
                            <a href="javascript:;" onclick="sinalogin();"><span class="icon icon-sina-login"></span></a>
                            <a href="javascript:;" onclick="qqlogin();"><span class="icon icon-tencent-login"></span></a>
                        </li>
    
                        <li class="login-group one">
                            <span class="active"><a href="javascript:;" onclick="checkLogin();"> 登录 </a></span>/<span>
                            <a href="javascript:;" onclick="reg();"> 注册 </a>
                        </span>
                        </li>
                    </div>
                    <div class="user-login-info"></div>
                    <li class="sep"></li>
                    <li class="eight item" style="color: #a33434; background-color: #2d5c77 !important;line-height: 20px !important;">
                        <a href="http://www.dili360.com/">
                            <span class="f14" style="">投稿</span>
                        </a>
                    </li>
                    <li class="sep"></li>
    
                    <li class="app one"><a href="http://download.dili360.com/" target="_blank">APP</a></li>
    
                    <li style="display: none;" class="sep bar-hidden hidden"></li>
                   
                </ul>
            </div>
        </div>
    </header>

    
    
    <table width="50%" height="100%" align="center" border="none">
        <tr>
            <td>
        <table border="none">
        <tr align="center">
            <td class="text">安徽专辑（下）</td>
            <td class="image" style="display:table-cell;"><img src="picture/lunbo1.png" rowspan="3" ></td>
        </tr>
        <tr align="center">
            <td class="text">安徽专辑（上）</td>
            <td class="image" style="display:none;"><img src="picture/lunbo2.png" rowspan="3" ></td>
        </tr>

        <tr align="center">
            <td class="text">冬季赛里木湖</td>
            <td class="image" style="display:none;"><img src="picture/lunbo3.png" rowspan="3" ></td>
        </tr>

        <tr align="center">
            <td class="text">海马冷泉</td>
            <td class="image" style="display:none;"><img src="picture/lunbo4.png" rowspan="3" ></td>
        </tr>

        <tr align="center">
            <td class="text">河西走廊</td>
            <td class="image" style="display:none;"><img src="picture/lunbo5.png" rowspan="3" ></td>
        </tr>

        <tr align="center">
            <td class="text">乌孙山</td>
            <td class="image" style="display:none;"><img src="picture/lunbo6.png" rowspan="3" ></td>
        </tr>

        <tr>
            <td>
                <div class="left" id="home-community">
                    <h2 class="subtitle cp" onclick="redirect('/bbs/',true)"><span>社区</span><br><span class="small">BBS</span></h2>
                    <ul class="menu">
                        <li data-target="#bbs_23576" class="active">社区推荐</li>
                        <li data-target="#bbs_20374">风土人情</li>
                        <li data-target="#bbs_6543">城市中国</li>
                        <li data-target="#bbs_6544">乡村印象</li>
                        <li data-target="#bbs_20369">风景物语</li>
                        <li data-target="#bbs_20368">且行且歌</li>
                    </ul>
            </div>
            </td>
            <td>
                <div class="community-item" id="community-items">
                    <div class="content" id="bbs_23576" style="">
                            <div class="community-top">
                            <div class="group" style="height:auto;">
                                    <ul style="overflow:hidden;">
                                        <li class="img-block" style="float:none;">
                                            <a target="_blank" href="http://www.dili360.com/">
                                             <img src="picture/sic.png" style="height: 203px; margin-top: 0px;">
                                            <div class="detail">
                                               <h4>四川，到底有啥好的？</h4><span>作者:</span>
                                            </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div><div class="group" style="height:auto;">
                                    <ul style="overflow:hidden;">
                                        <li class="img-block" style="float:none;">
                                            <a target="_blank" href="http://www.dili360.com/">
                                             <img src="picture/huanghe.png" style="height: 203px; margin-top: 0px;">
                                            <div class="detail">
                                               <h4>黄河不黄了？是真的</h4><span>作者:</span>
                                            </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>                                </div>
                            <div class="community-li">
                            <dl class="coumty-listin">
                                    <dt><a href="http://www.dili360.com/" target="_blank">“三重”拉尼娜，这个冬天会是“冷冬”吗</a></dt>
                                    <dd>作者：<a href="http://www.dili360.com/" target="_blank"></a></dd>
                                  </dl><dl class="coumty-listin">
                                    <dt><a href="http://www.dili360.com/" target="_blank">盐城黄海湿地——落潮留痕沙洲如画</a></dt>
                                    <dd>作者：<a href="http://www.dili360.com/" target="_blank">严正东</a></dd>
                                  </dl><dl class="coumty-listin">
                                    <dt><a href="http://www.dili360.com/" target="_blank">中国第一条民营铁路——个碧石铁路</a></dt>
                                    <dd>作者：<a href="http://www.dili360.com/" target="_blank">赵艳青</a></dd>
                                  </dl><dl class="coumty-listin">
                                    <dt><a href="http://www.dili360.com/" target="_blank">行走在邓家围屋，静听岁月的轻语</a></dt>
                                    <dd>作者：<a href="http://www.dili360.com/" target="_blank">杜建群</a></dd>
                                  </dl><dl class="coumty-listin">
                                    <dt><a href="http://www.dili360.com/" target="_blank">重庆：世界上唯一建在平行岭谷的大城市</a></dt>
                                    <dd>作者：<a href="http://www.dili360.com/" target="_blank">彭怀月</a></dd>
                                  </dl><dl class="coumty-listin">
                                    <dt><a href="http://www.dili360.com/" target="_blank">琥珀，带你穿越至远古的宝石</a></dt>
                                    <dd>作者：<a href="http://www.dili360.com/" target="_blank">田庄</a></dd>
                                  </dl><dl class="coumty-listin">
                                    <dt><a href="http://www.dili360.com/" target="_blank">鲁史古镇</a></dt>
                                    <dd>作者：<a href="http://www.dili360.com/" target="_blank">赵艳青</a></dd>
                                  </dl><dl class="coumty-listin">
                                    <dt><a href="http://www.dili360.com/" target="_blank">山南秘境勒布沟</a></dt>
                                    <dd>作者：<a href="http://www.dili360.com/" target="_blank">胡澍</a></dd>
                                  </dl>                                </div>
                         </div><div class="content" id="bbs_20374" style="display:none;">
            </td>
        </tr>

        </table>
            </td>
            <td>
                <div class="body-right">

                    <div class="ads-top-small2" style="text-align:left;">
                        <a href="http://tg.dili360.com/zuimei/index.htm" target="_blank">中国最美观景拍摄点</a>
                    </div>
                    <div class="icon icon-close-sidebar"></div>
        
                    <div class="c"></div>
                    <div class="s-magazine">
                        <h2 class="subtitle">杂志</h2>
                        <div class="roll-text" style="display: none">
                            <p style="display: none;">订阅手机报</p>
                            <p style="display: block;">移动发送CNG到10658000</p>
                            <p style="display: none;">联通发送CNG到10655111</p>
                            <p style="display: none;">电信用户发送CNG到1065900</p>
                        </div>
                        <script>
                            $(function(){
                                function roll_text(){
                                    var _this = $('.roll-text');
                                    var length = _this.find('p').length
                                    var counter = 0;
                                    _this.find('p').hide();
                                    _this.find('p').eq(counter).show()
                                    counter++;
                                    setInterval(function(){
                                        _this.find('p').hide();
                                        _this.find('p').eq(counter).fadeIn(200)
                                        counter++;
                                        if(counter == length){counter=0;}
                                    },2500)
                                }
                                roll_text()
                            })
                        </script>
                        <ul class="content">
                            <a href="http://www.dili360.com/" target="_blank"><li class="cng"><img src="picture/you1.png"><div class="mask">中国<br>国家<br>地理</div> </li></a>
                            <a href="http://www.dili360.com/" target="_blank"><li class="zhyc"><img src="picture/you2.png"><div class="mask">中华<br>遗产</div> </li></a>
                            <a href="http://www.dili360.com/" target="_blank"><li class="bw"><img src="picture/you3.png"><div class="mask">博物</div></li></a>
                            <div class="c"></div>
                        </ul>
        
                    </div>
                    <div class="c"></div>
                    <div>
                      <h2 style="
                      font-size: 18px;
                      padding: 16px 0;
                      text-align: center;
                      box-sizing: border-box;
                      height: auto;
                      font-weight: 400!important;
                      background: #222;
                      border-top: 1px solid #464646;
                      color: #fff;
                      font-family: 微软雅黑;
                  ">中国国家地理微信公众平台</h2>
                  <div style="overflow: hidden;padding: 25px 35px 14px;
                  "><div style="
                      width: 95px;
                      float:left;
                      text-align: center;
                      color: #fff;
                      "><img src="picture/zuoer.png" style="
                      width: 100%;
                      height: 95px;
                      display: block;
                      border-radius: 6px;
                  "><p style="
                      margin-top: 10px;
                  ">订阅号</p></div><div style="
                      width: 95px;
                      float: right;
                      text-align: center;
                      color: #fff;
                      "><img src="picture/youer.png" style="
                      width: 100%;
                      height: 95px;
                      display: block;
                      border-radius: 6px;
                  ">
                  <p style="margin-top: 10px;">服务号</p>
                </div>
              </div>
                    <div style="
                        background-color: #222;
                        color: #999;
                        text-align: center;
                        padding: 16px 0;
                    ">
                        <p>使用微信扫描二维码进行关注，或微信中</p>
                        <p>搜索“中国国家地理”关注。</p>
                    </div>
                  </div>
                    <div class="c"></div>
                    <div class="s-activity">
                        <h2 class="subtitle">活动</h2>
                        <ul class="content">
                        <li class="sq-small-img"><a href="https://www.gmmc.com.cn/minisite/2022/mdiscover/index.html?s=official" target="_blank"><img src="picture/z1.png">
                            <div class="mask l2">跟我一起驾驭探索之趣</div></a></li><li class="sq-small-img"><a href="http://tg.dili360.com/camry" target="_blank"><img src="picture/z2.png"><div class="mask l2">全新凯美瑞2021年度摄影大赛</div>
                            </a></li><li class="sq-small-img"><a href="http://www.zhangtu.com/m/zt/zuimei" target="_blank"><img src="picture/z3.png">
                                <div class="mask l2">最美观景拍摄点榜单</div></a></li><li class="sq-small-img"><a href="picture/z4.png"><div class="mask l2">“发现中国之美”摄影大赛</div></a></li>                    <div class="c"></div>
                        </ul>
                    </div>
                    <div class="c"></div>
                    <div class="s-organization">
                        <h2 class="subtitle">活动</h2>
                        <ul class="content">
                        <li class="sq-small-img"><a href="http://my.dili360.com/xzk/2016/" target="_blank"><img src="picture/x1.png"><div class="mask l2">2016校园行知客</div>
                        </a></li><li class="sq-small-img"><a href="http://tg.dili360.com/vaillant/" target="_blank"><img src="picture/x2.png"><div class="mask l2">温暖指引摄影大赛</div>
                        </a></li><li class="sq-small-img"><a href="http://my.dili360.com/xzk/2015/" target="_blank"><img src="picture/x3.png"><div class="mask l2">2015校园行知客</div>
                        </a></li><li class="sq-small-img"><a href="http://www.dili360.com/" target="_blank"><img src="picture/x4.png"><div class="mask l2">自然影像大赛</div></a></li>                    <div class="c"></div>
                        </ul>
                   
            </td>
        </tr>
        
    </table>
    
    <script>
                document.addEventListener('DOMContentLoaded', function () {
            var texts = document.querySelectorAll('.text');
            var images = document.querySelectorAll('.image');

            for (var i = 0; i < texts.length; i++) {
                texts[i].addEventListener('click', function () {
                    for (var j = 0; j < images.length; j++) {
                        images[j].style.display = 'none';
                    }
                    this.nextElementSibling.style.display = 'table-cell';
                });
            }
        });

        

    </script>

        



</body>
</html>